<html>
<head>
	<script language="javascript" src="scripts/lib/jquery/jquery.js"></script>
	<script language="JavaScript" src="scripts/constructRegExp.js"></script>
</head>
<body>
	<p>Generated Regular Expression</p>
	<form action="#">
		<p>Content Source: $contentSource</p>
		<p><label for="extractorName">Extractor Name: </label><input type="text" id="extractorName" name="extractorName" value="SampleExtractor1"></label></p>
		<p><label for="selectedText">Your selected Text is: </label><input type="text" id="selectedText" name="selectedText" value=""></p>
		<p>
			<label for="regularExpression">Generated Regular Expression: </label>
			<input type="text" id="regularExpression" name="regularExpression" value="" size="80">
			<label for="trimNewLine">remove newLine: </label>
			<input type="checkbox" id="trimNewLine" name="trimNewLine" value="true">
		</p>
		<input type="button" id="extractButton" value="Save & Test Extract">
		<div id="extractorListDiv"></div>
		<div id="extractResultDiv"></div>
	</form>
	
	<input type="button" id="generateButton" value="Generate Program">
	<input type="button" id="convertSelectionButton" value="Select a part and click me...">
	<p id="originalContentToogle"><a href="javascript:void(0)">+ The original Content:</a></p>
	<div id="originalContentDiv" style="display:none">
		<pre>$content</pre>
	</div>
</body>
</html>